﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterforRep.Master" AutoEventWireup="true"
CodeBehind="frmViewDisbursementList.aspx.cs" Inherits="WebApplication1.frmViewDisbursementList" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <!-- calendar stylesheet -->
    <link rel="stylesheet" type="text/css" media="all" href="jscalendar/calendar-win2k-cold-1.css"
        title="win2k-cold-1" />
    <!-- main calendar program -->
    <script type="text/javascript" src="jscalendar/calendar.js"></script>
    <!-- language for the calendar -->
    <script type="text/javascript" src="jscalendar/lang/calendar-en.js"></script>
    <!-- the following script defines the Calendar.setup helper function, which makes
         adding a calendar a matter of 1 or 2 lines of code. -->
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <script type="text/javascript" src="jscalendar/calendar-setup.js"></script>
    <br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:Label ID="Label1" runat="server" Text="Viewing Requested Item" Style="color: #3333CC;
        font-weight: 700; text-decoration: underline; font-size: x-large"></asp:Label>
    <br />
    &nbsp;&nbsp;&nbsp;
    <asp:Label ID="Label2" runat="server" Text="Period     From"></asp:Label>
    <input type="text" name="txtFrom" value="" readonly="readonly" id="txtFrom"
        class="txt-input" />&nbsp;
      
    <img src="jscalendar/img.gif" width="14" height="14" id="f_date" style="cursor: pointer;
        border: 1px solid red;" title="Date selector" onmouseover="this.style.background='red';"
        onmouseout="this.style.background=''" />

    <asp:Label ID="Label3" runat="server" Text="    To"></asp:Label>
    <input type="text" name="txtTo" value="" readonly="readonly" id="txtTo"
        class="txt-input" />&nbsp;
    <img src="jscalendar/img.gif" width="14" height="14" id="f_dateTo" style="cursor: pointer;
        border: 1px solid red;" title="Date selector" onmouseover="this.style.background='red';"
        onmouseout="this.style.background=''" />

    <asp:Button ID="Search" runat="server" Text="Search" onclick="Search_Click" />

    <br />
    &nbsp;&nbsp;&nbsp;&nbsp;
    <br />
    <asp:GridView ID="dgEmpDistributionList" runat="server" AutoGenerateColumns="False"
        BackColor="White" BorderColor="White" BorderStyle="Ridge" 
        BorderWidth="2px" CellPadding="3"
        CellSpacing="1" GridLines="None" AllowPaging="True">
               <Columns>
            <asp:BoundField DataField="EmpName" HeaderText="EmpName" />
            <asp:BoundField DataField="ReqDate" HeaderText="Request Date" />
            <asp:BoundField DataField="Allocated_Qty" HeaderText="Allocated Qty" />
            <asp:BoundField DataField="Requested_Qty" HeaderText="Requested Qty" />
            <asp:HyperLinkField DataNavigateUrlFields="ReqID" Text="Print" DataNavigateUrlFormatString="~/frmViewDisbursementDetailList.aspx?ReqID={0}"
                HeaderText="Print" />
        </Columns>
        <FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
        <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
        <PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
        <RowStyle BackColor="#DEDFDE" ForeColor="Black" />
        <SelectedRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
        <SortedAscendingCellStyle BackColor="#F1F1F1" />
        <SortedAscendingHeaderStyle BackColor="#594B9C" />
        <SortedDescendingCellStyle BackColor="#CAC9C9" />
        <SortedDescendingHeaderStyle BackColor="#33276A" />
    </asp:GridView>    
    <script type="text/javascript">
        Calendar.setup({
            inputField:"txtFrom",
            //inputField:"txtTo", // id of the input field
            /*ifFormat       :    "%Y/%m/%d",      // format of the input field*/
            ifFormat: "%Y-%m-%d",
            button: "f_date",
            //button: "f_dateTo",// trigger for the calendar (button ID)
            align: "Tr",           // alignment (defaults to "Bl")
            singleClick: true
        });

        Calendar.setup({
            inputField: "txtTo",
            //inputField:"txtTo", // id of the input field
            /*ifFormat       :    "%Y/%m/%d",      // format of the input field*/
            ifFormat: "%Y-%m-%d",
            button: "f_dateTo",
            //button: "f_dateTo",// trigger for the calendar (button ID)
            align: "Tr",           // alignment (defaults to "Bl")
            singleClick: true
        });
              			
    </script>
</asp:Content>